<style>
    .upload-panel{min-height:380px;}
    .layui-upload-list{
        overflow: hidden;
    }
    .file-item .thumbnail .file-panel{position: absolute; width: 100%; height: 16px; line-height: 16px; left: 0; right: 0; top: 0px; background: rgba(0, 0, 0, 0.4); z-index: 3; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; }
    .file-item .thumbnail {overflow: hidden; float: left; width: 100px; height: 100px; margin-right: 10px; text-align: center; display: block; margin-top: 15px; line-height: 100px; background-color: #fff; border: 1px solid #ddd; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; display: inline-block; position: relative; padding: 5px; }
    .file-item .thumbnail>img {cursor: zoom-in; max-height: 100%; max-width: 100%; display: inline-block; vertical-align: middle; }
    .file-item .thumbnail .info{display: none; }
    .file-item .thumbnail .file-panel i{font-size: 12px; color: #fff;width: 16px; height: 16px; line-height: 16px;z-index: 5;cursor: pointer;}
    .file-item .thumbnail .file-panel i.move-picture{cursor: move; }
    .btn-action{text-align: right;}
</style>

<div class="upload-panel">
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
        <legend>用户管理</legend>
    </fieldset>
    <div class="layui-upload">
        <button type="button" class="layui-btn" id="uploadBtn">多图片上传</button>
        <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
            预览图：
            <div class="layui-upload-list" id="uploadList"></div>
        </blockquote>
    </div>
    <div class="btn-action">
        <div class="layui-btn-group">
            <button type="button" class="layui-btn layui-btn-normal select">确定选择</button>
            <button type="button" class="layui-btn layui-btn-warm cancel">取消</button>
        </div>
    </div>

</div>
